$(function () {
    let q = {
        pagenum: 1,    // 是	int	页码值
        pagesize: 5,    // 是	int	每页显示多少条数据
        cate_id: '',    // 否	string	文章分类的 Id
        state: '',    // 否	string	文章的状态，可选值有：已发布、草稿
    }
    initArticle()
    let layer = layui.layer
    function initArticle() {
        axios({
            url: '/my/article/list',
            params: q
        }).then(res => {
            // console.log(res.data.data);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            let arr = []
            res.data.data.forEach(ele => {
                // console.log(ele.pub_date.length);
                // let shi=
                arr.push(`
                    <tr>
                        <td>${ele.title}</td>
                        <td>${ele.cate_name}</td>
                        <td>${ele.pub_date}</td>
                        <td>${ele.state}</td>
                        <td>
                        <a href="/article/art_fen.html?id=${ele.Id}" class="layui-btn layui-btn-xs xiuGai">编辑</a>
                            <button data-id='${ele.Id}' type="button" class="shan shanChu layui-btn layui-btn-xs  layui-btn-danger">删除</button>
                        </td>
                    </tr>

                `)
            })
            $('tbody').empty().html(arr.join(''))
            // 分页
            render(res.data.total)
        })
    }
    let form = layui.form
    inotCateList()
    function inotCateList() {
        axios({
            url: '/my/article/cates',
        }).then(res => {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            let arr = ['<option value="">请选择文章所属分类</option>']
            res.data.data.forEach(ele => {
                arr.push(`
                <option value="${ele.Id}">${ele.name}</option>
                `)
            })
            let str = arr.join('')
            $('[name="cate_id"]').empty().html(str)
            form.render()
        })
    }
    $('#sear').on('submit', function (e) {
        e.preventDefault()
        q.cate_id = $('[name="cate_id"]').val()
        q.state = $('[name="state"]').val()
        initArticle()
    })
    function render(total) {
        let laypage = layui.laypage;
        laypage.render({
            elem: 'pageBox',    //注意，这里的 test1 是 ID，不用加 # 号
            count: total,           //数据总数，从服务端得到
            limit: q.pagesize,
            curr: q.pagenum,
            limits: [2, 3, 5, 10],
            layout: ['count', 'limit', 'prev', 'page', 'next', 'refresh', 'skip'],
            jump: function (obj, first) {
                //obj包含了当前分页的所有参数，比如：
                // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数

                //首次不执行
                if (!first) {
                    //do something
                    q.pagenum = obj.curr
                    q.pagesize = obj.limit
                    initArticle()
                }
            }
        });

    }
    $('tbody').on('click', '.shan', function () {
        let id = $(this).attr('data-id')
        //eg1
        layer.confirm('确定删除麽?', { icon: 3, title: '提示' }, function (index) {
            //do something
            axios({
                url: '/my/article/delete/' + id,
            }).then(res => {
                if (res.data.status !== 0) {
                    return layer.msg(res.data.message)
                }
                layer.msg('恭喜您,删除文章成功!')
                if ($('.shan').length == 1 && q.pagenum > 0) {
                    q.pagenum--
                }
                $('.shan').length == 1 && q.pagenum >= 2 && q.pagenum--
                initArticle()
            })
            layer.close(index);
        });
    })
})